<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/pro_list.css">
</head>
<body>
<header>头部</header>
<div class="main">
    <div class="search">
        <a href="#" class="on">综合</a>
        <a href="#">销量
            <span>&#9650</span>
            <span>&#9660</span>
        </a>
        <a href="#">价格
            <span>&#9650</span>
            <span>&#9660</span>
        </a>
        <a href="#">筛选</a>
    </div>
    <ul class="pro-list">
      <li>
          <img src="../img/pro_list_2.png" alt="../img/pro_list_2.png">
          <div>
              <h2>【年中大促】 青瓷锡罐</h2>
              <p>纯锡锡器色泽柔和内敛，结合青瓷罐身显现光泽岁月流转，俞能散发迷人的金属质感。</p>
              <span>￥<b>699</b></span>
              <a href="">加入购物车</a>
          </div>
      </li>
        <li>
            <img src="../img/pro_list_3.png" alt="../img/pro_list_3.png">
            <div>
                <h2>【年中大促】 青瓷锡罐</h2>
                <p>纯锡锡器色泽柔和内敛，结合青瓷罐身显现光泽岁月流转，俞能散发迷人的金属质感。</p>
                <span>￥<b>699</b></span>
                <a href="">加入购物车</a>
            </div>
        </li>
        <li>
            <img src="../img/pro_list_4.png" alt="../img/pro_list_4.png">
            <div>
                <h2>【年中大促】 青瓷锡罐</h2>
                <p>纯锡锡器色泽柔和内敛，结合青瓷罐身显现光泽岁月流转，俞能散发迷人的金属质感。</p>
                <span>￥<b>699</b></span>
                <a href="">加入购物车</a>
            </div>
        </li>
        <li>
            <img src="../img/pro_list_5.png" alt="../img/pro_list_5.png">
            <div>
                <h2>【年中大促】 青瓷锡罐</h2>
                <p>纯锡锡器色泽柔和内敛，结合青瓷罐身显现光泽岁月流转，俞能散发迷人的金属质感。</p>
                <span>￥<b>699</b></span>
                <a href="">加入购物车</a>
            </div>
        </li>
        <li>
            <img src="../img/pro_list_6.png" alt="../img/pro_list_6.png">
            <div>
                <h2>【年中大促】 青瓷锡罐</h2>
                <p>纯锡锡器色泽柔和内敛，结合青瓷罐身显现光泽岁月流转，俞能散发迷人的金属质感。</p>
                <span>￥<b>699</b></span>
                <a href="">加入购物车</a>
            </div>
        </li>
        <li>
            <img src="../img/pro_list_7.png" alt="../img/pro_list_7.png">
            <div>
                <h2>【年中大促】 青瓷锡罐</h2>
                <p>纯锡锡器色泽柔和内敛，结合青瓷罐身显现光泽岁月流转，俞能散发迷人的金属质感。</p>
                <span>￥<b>699</b></span>
                <a href="">加入购物车</a>
            </div>
        </li>
    </ul>
</div>
<footer>尾部</footer>
<script src="../lib/jquery.min.js"></script>
<script src="../js/resetRem.js"></script>
</body>
</html>